<html>
    <head>
        <title>在组件上使用 v-for</title>
    </head>
    <body>
        <script>
            // ★九、在组件上使用 v-for
                                /*
                                        在自定义组件上，你可以像在任何普通元素上一样使用　v-for .


                                        注意： 在 2.2.0+ 的版本中，当在组件上使用 v-for 时，key 是必须的。

                                        然而，任何数据都不会被传递到组件里，因为组件有自己独立的作用域。
                                        为了把迭代数据传递到组件里，我们要使用props:

                                                    eg:
                                                        <my-component v-for="(item,index) in items"
                                                                      v-bind:item="item"
                                                                      v-bind:index="index"
                                                                      v-bind:key="item.id"
                                                        >
                                                        </my-component>

                                        不自动将 item 注入到组件里的原因是，这会使得组件与 v-for 的运作紧密耦合。明确组件数据的来源能够让组件在其他场合重复使用。
                                */               
        </script>
    </body>
</html>